<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Loader #3</title>
		<link rel="stylesheet" type="text/css" href="css/style-3.css" />
		<!--[if IE]>
		<script src="js/html5.js"></script>
		<![endif]-->
		<style>
 
 
a{
background: #13A3A5;
padding:5px;
margin:10px;
display:block;
font-weight:100;
cursor:pointer;
font-size:1.5em;
float:left;
text-decoration:none;
font-size:18px;
color:white
}
</style>
	</head>
<body>

  <a href="loader-1.html">loader 1</a>
        <a href="loader-2.html">loader 2</a>
        <a href="loader-3.html">loader 3</a>
        <a href="loader-4.html">loader 4</a>
        <a href="loader-5.html">loader 5</a>
        <a href="loader-6.html">loader 6</a>
        <a href="loader-7.html">loader 7</a>
        <a href="loader-8.html">loader 8</a>
        <a href="loader-9.html">loader 9</a>
        <a href="loader-10.html">loader 10</a>


	<div class="loader">
		<span class="text"><span>L</span><span>o</span><span>a</span><span>d</span><span>i</span><span>n</span><span>g</span></span>
		<div class="rotation">
			<svg width="200" height="200">
				<line class="top" x1="-200" y1="0" x2="400" y2="0"/>
				<line class="left" x1="0" y1="0" x2="0" y2="-400"/>
				<line class="bottom" x1="-200" y1="200" x2="0" y2="200"/>
				<line class="right" x1="200" y1="200" x2="200" y2="400"/>
			</svg>
		</div>
	</div>


</body>
</html>
